﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>畅销书排行</title>
<style type="text/css">
     h1{ font-size:16px; color:#FFF; text-indent:1em; line-height:30px; background-color:#518700; background-image:url(bang.gif); background-position:100px; background-repeat: no-repeat;}
	 .wang1{ background-image:url(book_no01.gif); background-position: left; background-repeat:no-repeat;}
	 .wang2{ background-image:url(book_no02.gif); background-position: left; background-repeat:no-repeat;}
	 .wang3{ background-image:url(book_no03.gif); background-position: left; background-repeat:no-repeat;}
	 .wang4{ background-image:url(book_no04.gif); background-position: left; background-repeat:no-repeat;}
	 .wang5{ background-image:url(book_no05.gif); background-position: left; background-repeat:no-repeat;}
	 .wang6{ background-image:url(book_no06.gif); background-position: left; background-repeat:no-repeat;}
	 .wang7{ background-image:url(book_no07.gif); background-position: left; background-repeat:no-repeat;}
	 .wang8{ background-image:url(book_no08.gif); background-position: left; background-repeat:no-repeat;}
	 .wang9{ background-image:url(book_no09.gif); background-position: left; background-repeat:no-repeat;}
	 .wang{ background-image:url(book_no10.gif); background-position: left; background-repeat:no-repeat;}
	 li{ list-style-type:none; font-size:12px; line-height:28px; text-indent:2em}
	 a{ color:#1A66B3; text-decoration:none;}
	 a:hover{ color:#1A66B3; text-decoration:underline;}
	 ul{ background:linear-gradient( to top, #F9FBCB, #F8F8F3);}
                  body{width:300px;}
	 </style>
</head>

<body>
    <h1>畅销书排行<img src="css/01 上机练习素材/练习5：制作畅销书排行榜/图片素材/bang.gif" width="22" height="24"></h1>
    <ul>
       <li class="wang1"><a href="#"><img src="css/01 上机练习素材/练习5：制作畅销书排行榜/图片素材/book_no01.gif" width="17" height="20">不抱怨的世界(畅...</a></li>
       <li class="wang2"><a href="#"><img src="css/01 上机练习素材/练习5：制作畅销书排行榜/图片素材/book_no02.gif" width="17" height="20">遇见未知的自己...</a></li>
       <li class="wang3"><a href="#"><img src="css/01 上机练习素材/练习5：制作畅销书排行榜/图片素材/book_no03.gif" width="17" height="20">活法（季羡林、...</a></li>
       <li class="wang4"><a href="#"><img src="css/01 上机练习素材/练习5：制作畅销书排行榜/图片素材/book_no04.gif" width="11" height="11">高效能人士的七个习惯</a></li>
       <li class="wang5"><a href="#"><img src="css/01 上机练习素材/练习5：制作畅销书排行榜/图片素材/book_no05.gif" width="11" height="11">被迫强大（北外女生香奈儿...</a></li>
       <li class="wang6"><a href="#"><img src="css/01 上机练习素材/练习5：制作畅销书排行榜/图片素材/book_no06.gif" width="11" height="11">遇见心想事成的自己（《遇...</a></li>
       <li class="wang7"><a href="#"><img src="css/01 上机练习素材/练习5：制作畅销书排行榜/图片素材/book_no07.gif" width="11" height="11">世界上最伟大的推销员（插...</a></li>
       <li class="wang8"><a href="#"><img src="css/01 上机练习素材/练习5：制作畅销书排行榜/图片素材/book_no08.gif" width="11" height="11">我的成功可以复制（唐骏亲...</a></li>
       <li class="wang9"><a href="#"><img src="css/01 上机练习素材/练习5：制作畅销书排行榜/图片素材/book_no09.gif" width="11" height="11">少有人走的路：心智成熟的...</a></li>
       <li class="wang"><a href="#"><img src="css/01 上机练习素材/练习5：制作畅销书排行榜/图片素材/book_no10.gif" width="12" height="11">活出全新的自己——唤醒...</a></li>
    </ul>
</body>
</html>
